import Vue from "vue";

// <App>
import App from "./App.vue"; // new Vue()
import Home from "./Home.vue";
import Cart from "./Cart.vue";
// 注册 <Home></Home>
Vue.component("Home", Home);
// 注册 <Cart></Cart>
Vue.component("Cart", Cart);

// <root> 根实例
new Vue({
  el: "#app",
  // template: "<div>hello APP <p>hello <i>??</i></p>  <b>!!</b></div>",
  render: (h) => {
    return h(App); // h(new Vue()) h('App')
    // document.createElement('div');
    // return h("div", [
    //   "hello APP",
    //   h("p", ["hello", h("i", ["??"])]),
    //   h("b", ["!!"]),
    // ]);
    // return {
    //   name: "div",
    //   children: [
    //     "hello APP",
    //     {
    //       name: "b",
    //       children: ["!!"],
    //     },
    //   ],
    // };
  },
});
